.updatePassword {
    $input-bg-color: #abc9bb;

    width: 360px;
    height: 390px;
    background: #212825;
    // opacity: 0.72;
    border: 1px solid #5e706f;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1101;
    z-index: 0.8;

    .head {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 32px;
        color: #fff;
        padding: 0 15px;
        border-bottom: 1px solid #c5fffb48;
        margin-bottom: 15px;
    }

    .form {
        $input-bg-color: #abc9bb;

        padding: 0 15px;

        .input {
            // width: 336px;
            height: 32px;
            background: $input-bg-color;
            // opacity: 0.4;
        }

        .btn {
            position: absolute;
            bottom: -8px;
            margin-bottom: 0;
            right: 12px;
            width: 56px;
            height: 32px;
            background: #13a267;
            font-size: 14px;
            font-weight: 400;
            color: #ffffff;
        }

        .option {
            padding: 0 12px;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: -15px;

            .check {
                color: #fff;
            }
            .register {
                cursor: pointer;
            }
        }

        .eye {
            font-size: 20px;
        }

        :global {
            .ant-input {
                background-color: $input-bg-color;
                border: none;
                box-shadow: none;
                caret-color: #fff;
                color: #fff;
                font-size: 16px;
            }
            .ant-form-item-has-error :not(.ant-input-disabled):not(.ant-input-borderless).ant-input,
            .ant-form-item-has-error
                :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper,
            .ant-form-item-has-error
                :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper,
            .ant-form-item-has-error
                :not(.ant-input-disabled):not(.ant-input-borderless).ant-input:hover,
            .ant-form-item-has-error
                :not(.ant-input-affix-wrapper-disabled):not(.ant-input-affix-wrapper-borderless).ant-input-affix-wrapper:hover,
            .ant-form-item-has-error
                :not(.ant-input-number-affix-wrapper-disabled):not(.ant-input-number-affix-wrapper-borderless).ant-input-number-affix-wrapper:hover {
                background-color: $input-bg-color;
                border: none;
                box-shadow: none;
            }
            .ant-checkbox-checked::after {
                border: 1px solid #00f794;
            }
            .ant-checkbox-inner::after {
                left: 24.5%;
            }
            .ant-checkbox-inner {
                width: 20px;
                height: 20px;
                background: transparent;
                /* opacity: 0.16; */
                border: 1px solid #00f79485;
            }
            // .ant-checkbox-inner::after {
            //     border: 2px solid green;
            // }
            .ant-form-item-label > label {
                color: #fff;
            }
            .ant-form-vertical .ant-form-item {
                margin-left: 12px;
                margin-bottom: 16px;
            }
            .ant-form-item-with-help .ant-form-item-explain {
                position: absolute;
                top: -30px;
                right: 12px;
            }

            .ant-form-item-with-help {
                margin-bottom: 24px;
            }
            .ant-form-item-explain-error {
                font-size: 14px;
                font-family: AlibabaPuHuiTi-Regular, AlibabaPuHuiTi;
                font-weight: 400;
                color: #ff0000;
            }
            .ant-input-password-icon {
                font-size: 20px;
                color: #fff;
            }
            input::placeholder {
                color: #fff;
                font-size: 14px;
                opacity: 0.5;
            }
            .ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
                border: none;
            }
            .ant-input-affix-wrapper {
                border: none;
            }
            .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
                background-color: $input-bg-color;
                border: 1px solid $input-bg-color;
                color: #fff;
                height: 32px;
            }
            .ant-select-single:not(.ant-select-customize-input)
                .ant-select-selector
                .ant-select-selection-search-input {
                height: 32px;
            }
            .ant-select-single .ant-select-selector .ant-select-selection-item,
            .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
                line-height: 32px;
            }

            .ant-select-arrow {
                color: #fff;
            }
            .ant-select-selection-placeholder {
                color: #fff;
            }
        }
    }
}
